<!-- Template for device group element row -->
<style>
.grp-elm-icon {
	margin-right: 7px;
	vertical-align: middle;
}
</style>
<script type="text/x-kendo-tmpl" id="tpl-device-group-element-entry">
	<tr class="sw-list-entry row-gradient">
# if (data.device) { #
		<td class="ellipsis"><i class="fa fa-desktop fa-white grp-elm-icon"></i>#:type# [#:elementId#]</td>
#   if (data.device.assignment) { #
		<td class="ellipsis">#:device.specification.assetName# (#:device.assignment.assetName#)</td>
#   } else { #
		<td class="ellipsis">#:device.specification.assetName#</td>
#   } #
# } else if (data.deviceGroup) { #
		<td class="ellipsis"><i class="fa fa-sitemap fa-white grp-elm-icon"></i>#:type# [#:elementId#]</td>
		<td class="ellipsis">#:deviceGroup.name#</td>
# } else { #
		<td class="ellipsis"><i class="fa fa-bolt fa-white grp-elm-icon"></i>#:type# [Invalid Reference]</td>
		<td class="ellipsis">Invalid</td>
# }#
		<td class="ellipsis">#:cdRoles#</td>
		<td>
			<div style="width: 100%; text-align: left">
				<i class="fa fa-remove sw-action-glyph sw-delete-glyph" title="#= i18next("includes.i18next.DeleteGroupElement") #"
					onclick="onDeleteDeviceGroupElement(event, '#:type#', '#:elementId#')"></i>
			</div>
		</td>
	</tr>
</script>